﻿<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
<title>Home</title>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="description" content="Your description"/>
<meta name="keywords" content="Your keywords"/>
<meta name="author" content="Your name"/>

</head>
<body class="front">

<div id="main">
  <!-- head 头部 -->
  <div id="head" th:include="common/index_header :: copy"></div>

<div id="slider_wrapper">
  <div class="container">
    <div id="slider_inner">
      <div class="">
        <div id="slider">

          <div class="">
            <div class="carousel-box">
              <div class="inner">
                <div class="carousel main">
                  <ul>
                    <li th:each="topFlow,topFlowStat : ${topFlowList}">
                      <div class="slider">
                        <div class="slider_inner">
                          <div class="txt1"><span th:text="${topFlow.title}"></span></div>
                          <div class="txt2"><span th:text="${topFlow.title}"></span></div>
                          <div class="txt3"><span th:text="${topFlow.title}"></span></div>
                        </div>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="slider_pagination"></div>
        </div>
      </div>
    </div>
  </div>
</div>

<div id="front_tabs">
  <div class="container">
    <div class="tabs_wrapper tabs1_wrapper">
      <div class="tabs tabs1">
        <div class="tabs_tabs tabs1_tabs">

            <ul>
              <li class="active flights"><a href="#tabs-1">景点查询</a></li>
              <!--<li class="hotels"><a href="#tabs-2">Hotels</a></li>
              <li class="cars"><a href="#tabs-3">Cars</a></li>
              <li class="cruises"><a href="#tabs-4">Cruises</a></li>-->
            </ul>

        </div>
        <div class="tabs_content tabs1_content">

            <div id="tabs-1">
              <form action="../search/getData" id="uploadForm" name="uploadForm" class="form1" method="POST">
                <div class="row">
                  <div class="col-lg-10">
                    <div class="form-group">
                      <label>请输入景点名称</label>
                      <input class="form-control" placeholder="请输入景点名称" name="keyword"/>
                    </div>
                  </div>
                  <div class="col-sm-4 col-md-2">
                    <div class="button1_wrapper">
                      <button type="submit" class="btn-default btn-form1-submit">查询</button>
                    </div>
                  </div>
                </div>
              </form>
            </div>

        </div>
      </div>
    </div>
  </div>
</div>

  <div id="popular_cruises1">
    <div class="container">
      <h2 class="animated">最新优惠推荐</h2>
      <div class="title1 animated">这里有我们为您提供的最新优惠推荐，Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
        <br/>tincidunt ut laoreet dolore magna aliquam erat volutpat.
      </div>
      <br/><br/>
      <div id="popular_wrapper" class="animated" data-animation="fadeIn" data-animation-delay="300">
        <div id="popular_inner">
          <div class="">
            <div id="popular">
              <div class="">
                <div class="carousel-box">
                  <div class="inner">
                    <div class="carousel main">
                      <ul>
                        <li th:each="contentFlow,contentFlowStat : ${contentFlowList}">
                          <div class="popular">
                            <div class="popular_inner">
                              <figure>
                                <img th:id="${contentFlow.img}" style="width:370px; height:230px;"  alt="" name="cfImg" class="img-responsive"/>
                                <!--<div class="over">
                                  <div class="v1">Bahamas 巴拿马1<span>17 Deal Offers</span></div>
                                  <div class="v2">巴拿马1.</div>
                                </div>-->
                              </figure>
                              <div class="caption">
                                <div class="txt1"><span th:text="${contentFlow.time}"></span> 7 Night Tour</div>
                                <div class="txt2" th:text="${contentFlow.title}"></div>
                                <div class="txt3 clearfix">
                                  <div class="left_side">
                                    <div class="stars1">
                                      <img th:src="@{/images/star1.png}" alt=""/>
                                      <img th:src="@{/images/star1.png}" alt=""/>
                                      <img th:src="@{/images/star1.png}" alt=""/>
                                      <img th:src="@{/images/star1.png}" alt=""/>
                                      <img th:src="@{/images/star2.png}" alt=""/>
                                    </div>
                                    <!--<div class="nums">- 18 Reviews</div>-->
                                  </div>
                                  <div class="right_side"><a href="#" class="btn-default btn1">查看详情</a></div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </li>

                      </ul>
                    </div>
                  </div>
                </div>
              </div>
              <div class="popular_pagination"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

<div id="why1">
  <div class="container">

    <h2 class="animated">选择我们的优势</h2>

    <div class="title1 animated">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
      <br/>tincidunt ut laoreet dolore magna aliquam erat volutpat.
    </div>
    <br/><br/>

    <div class="row">
      <div class="col-sm-3">
        <div class="thumb2 animated" data-animation="flipInY" data-animation-delay="200">
          <div class="thumbnail clearfix">
            <a href="#">
              <figure class="">
                <img th:src="@{/images/why1.png}" alt="" class="img1 img-responsive"/>
                <img th:src="@{/images/why1_hover.png}" alt="" class="img2 img-responsive"/>
              </figure>
              <div class="caption">
                <div class="txt1">Amazing Travel</div>
                <div class="txt2">Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim.</div>
                <div class="txt3">Read More</div>
              </div>
            </a>
          </div>
        </div>
      </div>
      <div class="col-sm-3">
        <div class="thumb2 animated" data-animation="flipInY" data-animation-delay="300">
          <div class="thumbnail clearfix">
            <a href="#">
              <figure class="">
                <img th:src="@{/images/why2.png}" alt="" class="img1 img-responsive"/>
                <img th:src="@{/images/why2_hover.png}" alt="" class="img2 img-responsive"/>
              </figure>
              <div class="caption">
                <div class="txt1">Discover</div>
                <div class="txt2">Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim.</div>
                <div class="txt3">Read More</div>
              </div>
            </a>
          </div>
        </div>
      </div>
      <div class="col-sm-3">
        <div class="thumb2 animated" data-animation="flipInY" data-animation-delay="400">
          <div class="thumbnail clearfix">
            <a href="#">
              <figure class="">
                <img th:src="@{/images/why3.png}" alt="" class="img1 img-responsive"/>
                <img th:src="@{/images/why3_hover.png}" alt="" class="img2 img-responsive"/>
              </figure>
              <div class="caption">
                <div class="txt1">Book Your Trip</div>
                <div class="txt2">Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim.</div>
                <div class="txt3">Read More</div>
              </div>
            </a>
          </div>
        </div>
      </div>
      <div class="col-sm-3">
        <div class="thumb2 animated" data-animation="flipInY" data-animation-delay="500">
          <div class="thumbnail clearfix">
            <a href="#">
              <figure class="">
                <img th:src="@{/images/why4.png}" alt="" class="img1 img-responsive"/>
                <img th:src="@{/images/why4_hover.png}" alt="" class="img2 img-responsive"/>
              </figure>
              <div class="caption">
                <div class="txt1">Nice Support</div>
                <div class="txt2">Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim.</div>
                <div class="txt3">Read More</div>
              </div>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div id="parallax1" class="parallax">
  <div class="bg1 parallax-bg"></div>
  <div class="overlay"></div>
  <div class="parallax-content">
    <div class="container">

      <div class="row">
        <div class="col-sm-10 animated">
          <div class="txt1">独家旅行出游套餐</div>
          <div class="txt2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.</div>
          <div class="txt3">From: Khazbegi (Goergia) <strong>$159.00</strong><span>person</span></div>
        </div>
        <div class="col-sm-2 animated">
          <a href="#" class="btn-default btn0">Details</a>
        </div>
      </div>

    </div>
  </div>
</div>

<div id="happy1">
  <div class="container">
    <div class="row">
      <div class="col-sm-12 col-md-6 col-md-push-6">
        <div class="content">
          <div class="txt1 animated" data-animation="fadeIn" data-animation-delay="100">游客大数据</div>
          <div class="txt2 animated" data-animation="fadeIn" data-animation-delay="150">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, set amet. </div>
          <div class="txt3 animated" data-animation="fadeIn" data-animation-delay="200">
            <p>
              Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh oui-
sod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit dolore magna aliquam erat voutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit..
            </p>
            <p>
              Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euisod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit.
            </p>
          </div>

          <div class="distance1 animated" data-animation="fadeInUp" data-animation-delay="0">
            <div class="txt">Flights</div>
            <div class="bg">
              <div class="animated-distance" data-num="94" data-duration="1300" data-animation-delay="0"><span></span></div>
            </div>
          </div>

          <div class="distance1 animated" data-animation="fadeInUp" data-animation-delay="100">
            <div class="txt">Hotels</div>
            <div class="bg">
              <div class="animated-distance" data-num="87" data-duration="1300" data-animation-delay="100"><span></span></div>
            </div>
          </div>

          <div class="distance1 animated" data-animation="fadeInUp" data-animation-delay="200">
            <div class="txt">Cars</div>
            <div class="bg">
              <div class="animated-distance" data-num="48" data-duration="1300" data-animation-delay="200"><span></span></div>
            </div>
          </div>

          <div class="distance1 animated" data-animation="fadeInUp" data-animation-delay="300">
            <div class="txt">Cruises</div>
            <div class="bg">
              <div class="animated-distance" data-num="51" data-duration="1300" data-animation-delay="300"><span></span></div>
            </div>
          </div>

        </div>
      </div>
      <div class="col-sm-12 col-md-6 col-md-pull-6 animated" data-animation="fadeInLeft" data-animation-delay="200">
        <img th:src="@{/images/people.png}" alt="" class="img1 img-responsive"/>
      </div>
    </div>
  </div>
</div>

<div id="partners">
  <div class="container">
    <div class="row">
      <div class="col-sm-4 col-md-2 col-xs-6">
        <div class="thumb1 animated">
          <div class="thumbnail clearfix">
            <a href="#">
              <figure>
                <img th:src="@{/images/partner1.jpg}" alt="" class="img1 img-responsive"/>
                <img th:src="@{/images/partner1_hover.jpg}" alt="" class="img2 img-responsive"/>
              </figure>
            </a>
          </div>
        </div>
      </div>
      <div class="col-sm-4 col-md-2 col-xs-6">
        <div class="thumb1 animated">
          <div class="thumbnail clearfix">
            <a href="#">
              <figure>
                <img th:src="@{/images/partner2.jpg}" alt="" class="img1 img-responsive"/>
                <img th:src="@{/images/partner2_hover.jpg}" alt="" class="img2 img-responsive"/>
              </figure>
            </a>
          </div>
        </div>
      </div>
      <div class="col-sm-4 col-md-2 col-xs-6">
        <div class="thumb1 animated">
          <div class="thumbnail clearfix">
            <a href="#">
              <figure>
                <img th:src="@{/images/partner3.jpg}" alt="" class="img1 img-responsive"/>
                <img th:src="@{/images/partner3_hover.jpg}" alt="" class="img2 img-responsive"/>
              </figure>
            </a>
          </div>
        </div>
      </div>
      <div class="col-sm-4 col-md-2 col-xs-6">
        <div class="thumb1 animated">
          <div class="thumbnail clearfix">
            <a href="#">
              <figure>
                <img th:src="@{/images/partner4.jpg}" alt="" class="img1 img-responsive"/>
                <img th:src="@{/images/partner4_hover.jpg}" alt="" class="img2 img-responsive"/>
              </figure>
            </a>
          </div>
        </div>
      </div>
      <div class="col-sm-4 col-md-2 col-xs-6">
        <div class="thumb1 animated">
          <div class="thumbnail clearfix">
            <a href="#">
              <figure>
                <img th:src="@{/images/partner5.jpg}" alt="" class="img1 img-responsive"/>
                <img th:src="@{/images/partner5_hover.jpg}" alt="" class="img2 img-responsive"/>
              </figure>
            </a>
          </div>
        </div>
      </div>
      <div class="col-sm-4 col-md-2 col-xs-6">
        <div class="thumb1 animated">
          <div class="thumbnail clearfix">
            <a href="#">
              <figure>
                <img th:src="@{/images/partner6.jpg}" alt="" class="img1 img-responsive"/>
                <img th:src="@{/images/partner6_hover.jpg}" alt="" class="img2 img-responsive"/>
              </figure>
            </a>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>

<div class="bot2_wrapper">
  <div class="container">
    <div class="left_side">
      Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href=""></a>
    </div>
    <div class="right_side"></div>
  </div>
</div>

</div>

<!-- 登录 -->
<div class="modal fade" id="login_modal">
  <div class="modal-dialog">
    <div class="modal-content message_align">
      <form id="dologin" name="uploadForm" method="POST" class="form-horizontal" action="../desktop/login" role="form">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
          <h4 class="modal-title">用户登录</h4>
        </div>
        <div class="modal-body">
          <div class="thumbnail clearfix">
              <!--<div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                  <h4 class="modal-title" id="myModalLabel">添加</h4>
              </div>-->
              <div class="modal-body">
                <div class="panel-body">
                  <div class="row">
                    <div class="col-lg-12">
                      <div class="form-group">
                        <label>用户名</label>
                        <input class="form-control" placeholder="用户名" name="username" />
                      </div>
                      <div class="form-group">
                        <label>密码</label>
                        <input class="form-control" type="password" placeholder="密码" name="password" />
                      </div>
                      <div class="form-group" th:if="${session.state==0}">
                        <label>错误信息</label>
                        <p th:text="${error}"></p>
                      </div>
                    </div>
                  </div>
                  <!-- /.row (nested) -->
                </div>
                <!-- /.panel-body -->
              </div>
          </div>
        </div>
        <div class="modal-footer">
          <input type="hidden" id="id"/>
          <button type="button" class="btn btn-default" onclick="closeModal()">取消</button>
          <button type="submit" class="btn btn-primary">登录</button>
        </div>
      </form>
    </div>
  </div>
</div>

<!-- 注册 -->
<div class="modal fade" id="regist_modal">
  <div class="modal-dialog">
    <div class="modal-content message_align">
      <form id="doregist" name="uploadForm" method="POST" class="form-horizontal" action="../index/regist" role="form">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
          <h4 class="modal-title">用户注册</h4>
        </div>
        <div class="modal-body">
          <div class="thumbnail clearfix">
            <!--<div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">添加</h4>
            </div>-->
            <div class="modal-body">
              <div class="panel-body">
                <div class="row">
                  <div class="col-lg-12">
                    <div class="form-group">
                      <label>用户名</label>
                      <input class="form-control" placeholder="用户名" name="regist_username" id="regist_username"/>
                    </div>
                    <div class="form-group">
                      <label>密码</label>
                      <input class="form-control" type="password" placeholder="密码" name="regist_password" id="regist_password"/>
                    </div>
                  </div>
                </div>
                <!-- /.row (nested) -->
              </div>
              <!-- /.panel-body -->
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" onclick="closeRegistModal()">取消</button>
          <button type="button" class="btn btn-primary" onclick="regist()">注册</button>
        </div>
      </form>

    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<script src="/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
<script type="text/javascript" src="../componets/business/index.js" ></script>
</body>
</html>
